<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>增加会员</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="../../../elementUI/index.css">
  <link rel="stylesheet" href="../../../css/index.css">
</head>

<body>
  <div id="app" class="minWidth">
    <el-form :model="form" ref="contract" :rules="rules" inline-message="true" style="width: 100%">
      <el-input v-model.trim="form.Enterprise_Info_SerialNumber" v-show="false"></el-input>
      <el-input v-model.trim="form.Industry_SubCategory_SerialNumber" v-show="false"></el-input>
      <el-input v-model.trim="form.Industry_Category_SerialNumber" v-show="false"></el-input>
      <div class="table_titel">
        <div class="titel">增加会员</div>
      </div>
      <el-descriptions :column="3" border size="small">
        <el-descriptions-item label="会员编号">
          <el-form-item prop="Member_SerialNumber">
            <el-input v-model.trim="form.Member_SerialNumber" placeholder="请输入会员编号"></el-input>
          </el-form-item>
        </el-descriptions-item>
        <el-descriptions-item label="会员昵称">
          <el-form-item prop="Nick">
            <el-input v-model.trim="form.Nick" placeholder="请输入会员昵称"></el-input>
          </el-form-item>
        </el-descriptions-item>
        <el-descriptions-item label="会员名称">
          <el-form-item prop="Member_Name">
            <el-input v-model.trim="form.Member_Name" placeholder="请输入会员名称"></el-input>
          </el-form-item>
        </el-descriptions-item>
        <el-descriptions-item label="电话">
          <el-form-item prop="Mobile">
            <el-input v-model.trim="form.Mobile" placeholder="请输入电话"></el-input>
          </el-form-item>
        </el-descriptions-item>
        <el-descriptions-item label="消费客户编号">
          <el-form-item prop="Open_ID">
            <el-input v-model.trim="form.Open_ID" placeholder="请输入消费客户编号"></el-input>
          </el-form-item>
        </el-descriptions-item>
        <el-descriptions-item label="销售人员编号">
          <el-form-item prop="Sales_ID">
            <el-input v-model.trim="form.Sales_ID" placeholder="请输入销售人员编号"></el-input>
          </el-form-item>
        </el-descriptions-item>

        <el-descriptions-item label="会员头像">
          <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" list-type="picture-card"
            v-model.trim="form.Head_URL" :on-preview="handlePictureCardPreview" :on-remove="handleRemove" show-file-list
            drag multiple>
            <i class="el-icon-plus"></i>
          </el-upload>
          <el-dialog :visible.sync="dialogVisible" size="tiny">
            <img width="100%" :src="dialogImageUrl" alt="">
          </el-dialog>
      </el-descriptions>

      <div class="table_titel">
        <div class="titel">会员账户信息</div>
      </div>
      <el-descriptions :column="3" border size="small">
        <el-descriptions-item label="会员账户编号">
          <el-form-item>
            <el-input v-model.trim="form.Children.member_account_info.Member_SerialNumber"
              placeholder="请输入会员账户编号"></el-input>
          </el-form-item>
        </el-descriptions-item>
        <el-descriptions-item label="账户类型">
          <el-form-item prop="Account_Type">
            <el-select v-model.trim="form.Children.member_account_info.Account_Type" placeholder="账户类型" filterable
              style="width: 100%">
              <el-option label="储值卡账户" value="0"></el-option>
              <el-option label="积分账户" value="1"></el-option>
              <el-option label="礼券账户" value="1"></el-option>
            </el-select>
          </el-form-item>
        </el-descriptions-item>
        <el-descriptions-item label="预付款">
          <el-form-item prop="Prepaymento">
            <el-input v-model.trim="form.Children.member_account_info.Prepayment" placeholder="请输入预付款"></el-input>
          </el-form-item>
        </el-descriptions-item>
        <el-descriptions-item label="赠送金额">
          <el-form-item prop="Gift_Amount">
            <el-input v-model.trim="form.Children.member_account_info.Gift_Amount" placeholder="请输入赠送金额"></el-input>
          </el-form-item>
        </el-descriptions-item>
        <el-descriptions-item label="消费积分">
          <el-form-item prop="Sales_Point">
            <el-input v-model.trim="form.Children.member_account_info.Sales_Point" placeholder="请输入消费积分"></el-input>
          </el-form-item>
        </el-descriptions-item>
        <el-descriptions-item label="赠送积分">
          <el-form-item prop="Gift_Point">
            <el-input v-model.trim="form.Children.member_account_info.Gift_Point" placeholder="请输入赠送积分"></el-input>
          </el-form-item>
        </el-descriptions-item>

      </el-descriptions>

      <el-form-item class="form-operation">
        <el-button @click="window.history.back()">返回</el-button>
        <el-button type="primary" :loading="loading" @click="submitForm('contract')">提交</el-button>
      </el-form-item>
    </el-form>
  </div>
  <script type="text/javascript" src="../../../js/jquery-3.6.0.min.js"></script>
  <script type="text/javascript" src="../../../js/jquery.cookie.js"></script>
  <script type="text/javascript" src="../../../js/vue.min.js"></script>
  <script type="text/javascript" src="../../../elementUI/index.js"></script>
  <script type="text/javascript" src="../../../js/utils.js"></script>
  <script type="text/javascript" src="../../../js/ID_Validity.js"></script>
  <script type="text/javascript" src="./js/Add.js"></script>
</body>

</html>